<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>div+css布局</title>
		<style>
			body {
				margin: 0px;
			}
			
			#container div {
				border: solid 0px black;
			}
			
			#header {
				height: 300px;
			}
			
			#content {
				height: 600px;
				margin: 3px auto;
			}
			
			#footer {
				height: 300px;
			}
			
			#left {
				float: left;
				width: 50%;
				height: 100%;
				background-color: red;
/*				border-width: 0px;*/
			}
			
			#right {
				float: left;
				width: 50%;
				height: 100%;
				background-color: #000000;
				/*border-width: 0px;*/
			}
			#content2{
				height: 100%;
				width: 90%;
				margin: 0px auto;
			}
		</style>
	</head>

	<body>
		<!--最外层的div换分-->
		<div id="container">
			<div id="header">header</div>
			<div id="content">
				<div id="content2">
					<div id="left"></div>
					<div id="right"></div>
				</div>
			</div>
			<div id="footer">footer</div>
		</div>
		<div></div>
	</body>

</html>